<script setup>
import MonitoringBox1 from '@/components/MonitoringBox1.vue';
import MonitoringBox2 from '@/components/MonitoringBox2.vue';
import EchartsTest from '@/components/EchartsTest.vue';
import MapTest from '@/components/MapTest.vue';

</script>

<template>
    <lay-row space="10">
        <!-- <lay-col xs="24">
            <MapTest></MapTest>
        </lay-col> -->
        <lay-col md="12" sm="24" xs="24">
            <lay-card title="监控图表">
                <MonitoringBox1></MonitoringBox1>
            </lay-card>
        </lay-col>
        <lay-col md="12" sm="24" xs="24">
            <lay-card title="ECharts 示例1">
                <EchartsTest></EchartsTest>
            </lay-card>
        </lay-col>
        <lay-col md="12" sm="24" xs="24">
            <lay-card title="ECharts 示例2">
                <MonitoringBox2></MonitoringBox2>
            </lay-card>
        </lay-col>



    </lay-row>
</template>

<style scoped></style>
